<template>
    <div>
        <!-- 使用子组件 -->
        <p>我是父组件</p>
        <Son>
            <template #header1>
                <div>我是头部</div>
            </template>

            <div>我是主体</div>

            <template #footer1>
                <div>我是底部</div>
            </template>

        </Son>
    </div>
</template>

<script>
// 具名插槽
// 定义: 给插槽起名字, 这样不同模板内容对应放在不同的插槽中
// 可以变相实现父传子

// 方式1:
// <template v-slot:插槽名><template>   => <slot name = '插槽名'></slot>

// 方式2:
// <template #插槽名><template>   => <slot name = '插槽名'></slot>



import Son from './Son.vue'
export default {
    data() {
        return {
        }
    },
    components: {
        Son
    }
}
</script>
<style scoped></style>